<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>列表页面</title>
<link rel="stylesheet" href="lib/layui/css/layui.css">
<script type="text/javascript" src="lib/layui/layui.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
#list1, #list2, #list3, #list4,#list5,#list6,#list7,#list8,#list9 { 
	display: none;
}

#ul1, #ul2, #ul3, #ul4,#ul5,#ul6,#ul7,#ul8,#ul9 {
	padding: 0px 20px;
	margin-top: 3px;
}

.li1 {
	padding: 5px 5px;
	background-color: #cceeff;
	margin: 5px 0px;
	width: 100px;
}

#span {
	
}

#div1 {
	width: 1200px;
}

#leftDiv {
	width: 200px;
	float: left;
}

#rightDiv {
	width: 1000px;
	float: right;
}
#btnId{
	width: 150px;
	text-align: center;
}
</style>

</head>
<body>
	<!-- <button type="button" class="btn btn-primary btn-lg active">Primary
		button</button> -->
	<div id="div1">
		<div id="leftDiv">
			<button type="button" id = "btnId" class="btn btn-info"  onclick="fun('list1');">药品管理</button>
			<ul id="ul1">
				<li class="li">
					<ul id="list1">
						<li class="li1"><a href="drugPageNo.do" target="iframe">药品查看</a></li>
						<li class="li1"><a href="drugAdd.jsp" target="iframe">进货</a></li>
						<li class="li1"><a href="getDrugDetail.do" target="iframe">库存</a></li>
						<li class="li1"><a href="useDayInstrument.do" target="iframe">剩余天数</a></li>
					</ul>
				</li>
			</ul>

			<button type="button" id = "btnId" class="btn btn-info" onclick="fun('list2');">医疗器材管理</button>
			<ul id="ul2">
				<li class="li">
					<ul id="list2">
						<li class="li1"><a href="getInstrumentInfo.do"
							target="iframe">器材查看</a></li>
						<li class="li1"><a href="instrumentAdd.jsp" target="iframe">器械进货</a></li>
					</ul>
				</li>
			</ul>

			<button type="button" id = "btnId" class="btn btn-info"  onclick="fun('list3');">部门管理</button>
			<ul id="ul3">
				<li class="li">
					<ul id="list3">
						<li class="li1"><a href="chaDept.do" target="iframe">部门查看</a></li>
						
					</ul>
				</li>
			</ul>
			
			<button type="button" id = "btnId" class="btn btn-info"  onclick="fun('list4');">医生工作站</button>
			<ul id="ul4">
				<li class="li">
					<ul id="list4">
						<li class="li1"><a href="insSuff.do" target="iframe">挂号</a></li>
						<li class="li1"><a href="chaSuff.do" target="iframe">查看挂号记录</a></li>
					    <li class="li1"><a href="eidchaSuff?eid=${CURR_USER.eid}" target="iframe">查看我的病人</a></li>
					</ul>
				</li>
			</ul>
			
			
			<button type="button" id = "btnId" class="btn btn-info"  onclick="fun('list5');">员工管理</button>
			<ul id="ul5">
				<li class="li">
					<ul id="list5">
						<li class="li1"><a href="select.do" target="iframe">查看员工</a></li>
						<li class="li1"><a href="select2.do" target="iframe">添加员工</a></li>
					</ul>
				</li>
			</ul>
			
		   <button type="button" id = "btnId" class="btn btn-info" onclick="fun('list6');">供应商管理</button>
			<ul id="ul6">
				<li class="li">
					<ul id="list6">
						<li class="li1"><a href="selectSupp.do" target="iframe">供应商信息</a></li>
					</ul>
				</li>
			</ul>
			<button type="button" id = "btnId" class="btn btn-info" onclick="fun('list7');">药品类别管理</button>
			<ul id="ul7">
				<li class="li">
					<ul id="list7">
						<li class="li1"><a href="selectType.do" target="iframe">药品信息</a></li>
					</ul>
				</li>
			</ul>
			<button type="button" id = "btnId" class="btn btn-info" onclick="fun('list8');">看病</button>
			<ul id="ul8">
				<li class="li">
					<ul id="list8">
						<li class="li1"><a href="grtDrug.do" target="iframe">开药</a></li>
						<li class="li1"><a href="selectShuJu.do" target="iframe">开药记录</a></li>
					</ul>
				</li>
			</ul>
			<button type="button" id = "btnId" class="btn btn-info" onclick="fun('list9');">住院管理</button>
			<ul id="ul9">
				<li class="li">
					<ul id="list9">
						<li class="li1"><a href="addPatientOne.do" target="iframe">住院</a></li>
						<li class="li1"><a href="findPatient.do" target="iframe">住院情况</a></li>
						<li class="li1"><a href="findPatientOne.do" target="iframe">住院记录</a></li>
						<!-- <li class="li1"><a href="" target="iframe">空床位</a></li> -->
					</ul>
				</li>
			</ul>
			
		</div>
		<!-- 显示 页面  -->
		<div id="rightDiv">
			<div id="a" style="border-top: 1px solid black">
				<iframe src="findEmpImg.do" name="iframe" frameborder="0" width="1000"
					height="800"></iframe>
			</div>
		</div>
	</div>
	<!-- 	
		border-top: 2px solid black; border-right: 4px dotted orange; border-bottom: 6px dashed red; border-left: 8px double blue;
	<a href="login.jsp" target="iframe">第一个网页</a> 
	<br />
	<a href="login.jsp" target="iframe">第二个网页</a>
	<br />
	<a href="top.jsp" target="iframe">第三个网页</a>
	<br /> -->


	<script>
		function fun(x) {
			var show1 = document.getElementById(x);

			if (show1.style.display == "block") {
				show1.style.display = "none";
			} else {
				show1.style.display = "block";
			}
		}
		/* function fun1() {
			
			var show1 = document.getElementById("list1");
			
			if (show1.style.display == "block") {
				console.log("2222222");
				show1.style.display = "none";
			} else {
				console.log("11111111111");
				show1.style.display = "block";
			}
		}
		function fun2() {
			
			var show1 = document.getElementById("list2");

			if (show1.style.display == "block") {
				show1.style.display = "none";
			} else {
				show1.style.display = "block";
			}
		}
		function fun3() {
			console.log("3333333");
			var show1 = document.getElementById("list3");

			if (show1.style.display == "block") {
				show1.style.display = "none";
			} else {
				show1.style.display = "block";
			}
		}
		function fun4() {
			
			var show1 = document.getElementById("list4");

			if (show1.style.display == "block") {
				show1.style.display = "none";
			} else {
				show1.style.display = "block";
			}
		} */
	</script>
</body>
</html>